@import '../../../../../style/color.scss';
@import '../../../../../style/font.scss';
@import "../../../../../style/mixin.scss";
@import "../../../../../style/domain.scss";

.supervise-wrap {
  height: 100%;

  .supervise-content{
    position: relative;
    height: 100%;
    width: 100%;

    >div{
      position:absolute;
      top:50%;
      left:50%;
      transform: translate(-50%, -50%);
      font-family: $regular-font-family;
      font-size: 24px;
      color: #FFFFFF;
      letter-spacing: 0;
    }
  }


  .video-link-wrap {
    height:100%;

    .video-linking {
      width: 100%;
      height: 100%;
      position: relative;

      .img {
        width: 100%;
        height: 100%;
      }
      .other-video{
        position:absolute;
        top:0;
        right: 0;
        left:0;
        bottom:0;
        width:100%;
        height:100%;
      }

      .self-video{
        position:absolute;
        right:0;
        z-index: 99999;
        width:334px;
        height:200px;
      }
      .stop-video {
        position: absolute;
        bottom: 30px;
        left: 50%;

        &:hover {
          cursor: pointer;
        }

      }
    }
  }

}



.business{

  .Process-type{
    height: 50px;
    background-color: $tab-select-bg;
    color: #FFFFFF;
    line-height: 50px;
    font-size: 22px;
    padding-left: 20px;
  }

  .process-menu {
    padding: 0 20px;
    .ant-menu-inline, .ant-menu-vertical {
      border-right: solid 1px transparent;
    }

    .ant-menu-inline .ant-menu-item:after, .ant-menu-vertical .ant-menu-item:after {
      border-right: none;
    }

    .label {
      font-family: $regular-font-family;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 0;
    }

    .sub-label {
      font-family: $regular-font-family;
      font-size: 18px;
      color: #FFFFFF;
      letter-spacing: 0;
      margin-right:200px;
    }
    .sub-icon{
      margin-right:20px;
      vertical-align: middle;

      img{
        width:26px;
        height:26px;
      }
    }

    //menu
    .ant-menu {
      background-color: transparent;

      .ant-menu-item {
        height: 60px;
        line-height: 60px;
      }

      .ant-menu-submenu-inline > .ant-menu-submenu-title:after {
        content: '';
      }

      >.ant-menu-item-active,
      >.ant-menu-item-selected{
        background-color: transparent;

        >span{
          color: #ffffff;
        }
      }
    }

  }
}




.video-new-modal{
  .content{

    font-family: $regular-font-family;
    font-size: 20px;
    color: #FFFFFF;
    margin:70px 90px  250px;
  }
}

